<template>
	<view>
		<view>样式的学习</view>
		<view class="box"></view>
		<view>---------------------</view>
		<view class="box1">
			文字测试
			<text>scss的设置</text>
		</view>
		<view>---------------------</view>
		<view class="boxToApp"></view>
		<view>---------------------</view>
		<view class="iconfont icon-tupian">icon图标</view>
		<view>---------------------</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss">
/* @import导入外联样式表 */
@import url('index.css');
.box {
	width: 750rpx;
	height: 750rpx;
	background-color: #007aff;
}
.box1 {
	width: 375rpx;
	height: 375rpx;
	background-color: #007aff;
	font-size: 30rpx;
	color: #ffffff;
	text{
		color: $uni-text-color; // 来自uni.scss
	}
}
.boxToApp {
	width: 375rpx;
	height: 375rpx;
}
</style>
